@import "./../f10-common";

@color-gray-border: #DEDEDE;
@color-green-header: #b0bec5;
@color-black-text: rgba(0,0,0,0.87);
.table() {
  border-collapse:collapse;
  color: @color-333-text;
  font-size: 1.2rem;
  min-width: 100%;
  margin: 0;
  padding: 0;
  tr {
    margin: 0;
    height: 2.8rem;
    td {
      border: 1px solid @color-gray-border;
      padding: 0px 5px;
      text-align: right;
      vertical-align: middle;
      min-width: 100px;
    }
    &:first-child {
      background-color: #eee;
      td {
        text-align: center;
      }
    }
  }
  .trActived {
    .highLight;
    td {
      border: none;
    }
  }
  .tdActived {
    .highLight;
  }
}

.table-scroll {
  .hidden {
    display: none;
  }
  // max-height: 341px;
  overflow-y: auto;
  &>div {
    .display-flex(row);
    width: 100%;
  }
  table {
    .table();
  }
  .table-left {
    width: 220px;
    table {
      width: 100%;
      tr td{
        text-align: left;
        &:first-child {
          cursor: default;
        }
        &.subTitle {
          text-align: center;
          font-weight: bold;
          font-size: 1.4rem;
          color: #000;
        }
      }
    }
  }
  .table-right {
    flex: 1;
    -ms-flex: 1;
    overflow-x: auto;
    &::-webkit-scrollbar{
      height: 6px;
    }
    table tr td{
      &:first-child {
        border-left: none;
      }
    }
    .typeHeader {
      // background-color: @color-green-header;
      // border: 1px solid @color-green-header;
      color: @color-black-text;
      font-size: 1.4rem;
      text-align: center;
    }
  }
}

.cursorType {
  cursor: pointer;
}